@require 'global-color.styl'

.global-container
  background-color #f1f1f1
  height 100%

.global-container-header
  height 58px
  border 1px solid #b3b3b3
  border-radius 5px
  background-color #fff
  padding 0 15px
  .title
    float left
    font-weight bold
    font-size 18px
    line-height 60px
  .tools
    display flex
    float right
    height inherit
    justify-content center
    align-items center
    .search-input
      display flex
      align-items center
      width 240px
      height 40px
      border 1px solid #b3b3b3
      border-radius 5px
      background-color #fff
      i
        height 40px
        width 40px
        line-height 40px
        text-align center
        font-size 16px
      input
        height 35px
        width 200px
        border 0
        outline 0
        padding 0 5px
        font-size 14px

.global-container-content
  margin-top 15px
  border 1px solid #b3b3b3
  border-radius 5px
  height calc(100% - 75px)
  background-color #fff
  .content-header, .content-item
    display flex
    align-items center
    padding 0 15px
    > div
      flex 1
  .content-header
    height 50px
    font-weight bold
    background-color #eaedf4
  .content-body::-webkit-scrollbar
    size 0
    background transparent
    width 0
  .content-body
    height 450px
    overflow-y scroll
  .content-item
    height 44px
    font-size 14px
    border-top 1px solid #f1f1f1
    .operate-group
      display flex
      > div
        margin-right 10px
.global-container-operate
  box-sizing border-box
  padding 15px
  .operate-content::-webkit-scrollbar
    size 0
    background transparent
  .operate-content
    overflow-y scroll
    height calc(100% - 80px)
    .operate-content-body
      margin-bottom 15px
    .operate-content-header
      font-size 18px
      margin-bottom 15px
      font-weight bold
    .flex-row
      display flex
      padding 10px 0
      align-items center
      input
        height 40px
        width 240px
        outline 0
        border 1px solid #ccc
        padding 0 10px
        border-radius 5px
      textarea
        height 120px
        width 480px
        outline 0
        border 1px solid #ccc
        padding 10px
        border-radius 5px
        resize none
      .row-radio
        width 100px
        height 40px
        line-height 40px
      .row-error-border
        border 1px solid red
      .row-error-tip
        color red
        margin-left 20px
        font-size 14px
  .operate-btn
    margin-top 5px
    display flex
    align-items center
    justify-content center
    height 80px
    box-shadow 0 -5px 5px #ccc

.operate-content-body
  .left-header
    width 100px
    margin-right 15px
    text-align right
    align-self flex-start
    margin-top 10px
    .necessary
      display inline-block
      line-height 40px
      color #f00
.view-operate-content-body
  .left-header
    display inline-block
    width 100px
    margin-right 15px
    text-align right
    margin-top 0
    .necessary
      display inline-block
      line-height 40px
      color #f00
.view-left-header
  margin-top 0 !important
.btn
  width 80px
  height 40px
  line-height 40px
  text-align center
  border-radius 5px
  margin-left 15px
  cursor pointer
.btn-no-margin
  width 80px
  height 40px
  line-height 40px
  text-align center
  border-radius 5px
  cursor pointer
.btn-list
  width 50px
  height 30px
  line-height 30px
  border-radius 5px
  text-align center
  cursor pointer
.btn-add
  background-color #8ec31f
  color #FFF
.btn-delete
  background-color red
  color #FFF
.btn-search, .btn-save
  background-color $theme-color
  color #FFF
.btn-edit
  background-color $theme-color
  color #FFF
.btn-cancel
  background-color #FFF
  border 1px solid $theme-color
  color $theme-color
  height 38px
.text-operate
  color $theme-color
  cursor pointer
.text-delete
  color red
  cursor pointer

.theme-color
  color $theme-color
.theme-bg
  background-color $theme-color
.theme-bd
  border 1px solid $theme-color
